.wrap{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.banner{
	width: 100%;
	height:248vw;
	background: url(../img/banner.png)no-repeat;
	background-size: 100% 100%;
	/*position: relative;*/
}
.banner img{
	width: 100%;
}
.rule{
	width: 3.5rem;
	height:1.5rem;
	font-size: .14rem;
	padding-top: .3rem;
	padding-left: .3rem;
	line-height: .25rem;
	margin-top: -1.5rem;
	color:white;
	box-sizing: border-box;
	margin-left: .12rem;
	background: url(../img/rule.png)no-repeat;
	background-size: 100% 100%;
	/*position: relative;*/
}
.rule img{
	width: 100%;
}
.jifen{
	color:#ffef00;
}
#tuoyuan{
	width:.25rem;
	position: absolute;
	right: 0;
	bottom:-.5rem;
}
.rolling{
	width: 100%;
	position: relative;
	top:-.7rem;
}
.bg{
	width: 100%;
	position: absolute;
}
.bg img{
	width: 100%;
	position: absolute;
	top:.2rem;
}
.rolltitle{
	width: 2.9rem;
	position: absolute;
	top:2.4rem;
	left: .42rem;
}
.rolltitle img{
	width: 100%;
}


.friendticket input{
	width: 50px;
	background: transparent;
	border:0;
	color: white;
	outline: none;
	border-radius: none;
	border-bottom: 1px solid white;
}
.kuang1{
	width: 3.58rem;
	height: 4.65rem;
	background: url(../img/outk.png)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:3.3rem;
	left: .1rem;
}
.kuang2{
	width: 3.2rem;
	height:  3.2rem;
	background: url(../img/kuang2.png)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:.6rem;
	left:.168rem;
}

.roll{
	width: 100%;
	position: absolute;
	top:.15rem;
}
.jifen2{
	width: 1rem;
	height: .23rem;
	background: url(../img/jifen2.png)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:.32rem;
	left:.2rem;
}
#jifen2word{
	color:#fdfd21;
	margin-left: .2rem;
	font-size: .13rem;
	font-weight: bold;
	line-height: .22rem;
}
.centerTu{
	height: .42rem;
	width: .42rem;
	background: url(../img/center.png)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:1.84rem;
	left:1.55rem;
}
.neikuang{
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/inlight.png)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:1.16rem;
	left:.86rem;
}
.bt1{
	position: absolute;
	top:3.75rem;
	left:.3rem;
	background: url(../img/outbutton.png)no-repeat;
	background-size: 100% 100%;
}
.bt2{
	position: absolute;
	top:3.75rem;
	left:2rem;
	background: url(../img/inbutton.png)no-repeat;
	background-size: 100% 100%;
}
.paomadeng{
	 width: 100%;
        background: url(../img/running.png)no-repeat;
        background-size: 100% 100%;
        /*margin: 0 auto;*/
        position: relative;
        /*left: 17vw;*/
        top: 5.8rem;
        height:1.9rem;
}
.activity{
        width: 100vw;
        /*margin: 0 auto;*/
        position: relative;
        /*left: 17vw;*/
        overflow: hidden;
        height:1.6rem;
    }
	.activity ul{
		width: 2.8rem;
        top: .1rem;
        padding:.5rem 1rem;
        /*padding-top:1rem;*/
        padding-left: .75rem;
        color: #383838;
        position: absolute;
    }
    .activity li{
        height:.25rem;
        font-size:.12rem;
        line-height:.3rem;
        list-style: none;
    }
.lingling{
	width: .25rem;
	height: .25rem;
	background: url(../img/ling.png)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: .4rem;
	left:.38rem;
}
.downrule{
	width: 100%;
	position: absolute;
	top:16.9rem;
}

.rulebutton{
	font-size: .12rem;
	color:white;
	border:1px solid white;
	border-radius: .15rem;
	padding: .03rem .1rem;
	margin-left: .15rem;
	text-align: center;
	cursor: pointer;
}
.activityrule{
	width: 2.8rem;
    margin-top:1.6rem;
    margin-left:.5rem;
}
.activityrule img{
	width:100%;
}
.yLight{
	width: .35rem;
	height: .35rem;
	position: absolute;
	top:.15rem;
	left: -.09rem;
}
.yLight img{
	width: 100%;
	height:100%;
}
.yL2{
	width: .16rem;
	height: .16rem;
	position: absolute;
	top:.47rem;
	left: -.01rem;
}
.yL2 img{
	width: 100%;
	height:100%;
}
.win,.win2,.win3,.win4{
	width:3rem;
	height:2.8rem;
	background: url(../img/win.png)no-repeat;
	background-size: 100% 100%;
	position: fixed;
	top:1.4rem;
	left:.4rem;
	display: none;
	z-index: 100000000000000;
}
.win2,.win3,.win4{
	background: url(../img/win2.png)no-repeat;
	background-size: 100% 100%;
	
}
.cannal{
	width:.2rem;
	height: .2rem;
	background: white;
	position: absolute;
	right:.17rem;
	top:.18rem;
}
.winword,.winword2,.winword3,.winword4{
	width:3rem;
	height: .8rem;
	text-align: center;
	position: absolute;
	left:0rem;
	top:1.4rem;
}

.winwordTitle,.winwordTitle2,.winwordTitle3,.winwordTitle4{
	margin-left: .1rem;
	margin-bottom: .2rem;
	font-size: .2rem;
	font-weight: bold;
}
.winwordCon,.winwordCon2,.winwordCon3,.winwordCon4{
	font-size: .14rem;
	
}
.address,.address2,.address3,.address4{
	width:3rem;
	height:.55rem;
	position: absolute;
	bottom: 0;
}



.lose{
	width:3rem;
	height:2.8rem;
	background: url(../img/lose.png)no-repeat;
	background-size: 100% 100%;
	position: fixed;
	top:1.4rem;
	left:.4rem;
	display: none;
	z-index: 100000000000000;
}
.sure{
	width:3rem;
	height:.55rem;
	position: absolute;
	bottom: 0;
}
.nointegral{
	width:3rem;
	height:2.9rem;
	background: url(../img/nointegral.png)no-repeat;
	background-size: 100% 100%;
	position: fixed;
	top:1.4rem;
	left:.4rem;
	display: none;
	z-index: 100000000000000;
}

/*撸奖规则*/
.downruleTitle{
	width: 2.9rem;
	position: absolute;
	top:.4rem;
	left: .42rem;
}
.downruleTitle img{
	width: 100%;
}
.downruleLb{
	width: 3rem;
	height: 1.5rem;
	margin-left: .5rem;
}

.swiper-container {
		width: 84%;
		height:2.6rem;
		display: block;
		position: absolute;
		top:1.7rem;
		left: 8%;
		z-index: 100;
	}
	.downrule .swiper-pagination{
		margin-left: -.05rem;
	}
	.downrule .swiper-pagination-bullet{
		width: .6rem;
		height: .18rem;
		border: none;
		border-bottom: 1px solid black;
		border-radius: 1px;
		color:blue;
		font-size: .14rem;
		margin-top: 1.3rem;
		margin-left: .28rem;
	}
	.downrule .swiper-pagination-bullet:nth-of-type(1){
		background: url(../img/word1.png)no-repeat;
		background-size:100% 80% ;
	}
	.downrule .swiper-pagination-bullet:nth-of-type(2){
		background: url(../img/word2.png)no-repeat;
		background-size:100% 80% ;
	}
	.downrule .swiper-pagination-bullet:nth-of-type(3){
		background: url(../img/word3.png)no-repeat;
		background-size:100% 80% ;
	}
	
	.swiper-wrapper,.swiper-slide{
		width: 100%;
		height: 100%;
	}
	.swiper-slide img{
		width: 100%;
		height: 100%;
		
	}
.first{
	width:100%;
	height:4.3rem;
	background: url(../img/share10.png)no-repeat;
	background-size: 100% 100%;
	position: fixed;
	top:0rem;
	left:0rem;
	display: none;
	z-index: 100000000000000;
}
.firstSure{
	width: 3.1rem;
	height: .8rem;
	position: fixed;
	top:3.6rem;
	left:.3rem;
}
.nointegral2{
	width:3rem;
	height:2.9rem;
	position: fixed;
	top:1.4rem;
	left:.4rem;
	display: none;
	background: url(../img/ticket.png)no-repeat;
	background-size: 100% 100%;
	z-index: 100000000000000;
}
